<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<link rel="stylesheet" type="text/css" href="${path}/v2/site/css/idangerous.swiper.css"/>
		<link rel="stylesheet" href="${path}/v2/site/css/style.css">
		<script src="${path}/v2/console/js/jquery-1.9.1.min.js"></script>
		<title>大赛排名</title>
	</head>
	<body>
		<div class="header">
			<div class="top-bar">
				<a class="top-bar-item-first">中国电子商务协会<br />中国扶贫产业联盟</a>
				<a>
					<img src="${path}/v2/site/img/logo_01.png" />
					中国扶贫开发服务有限公司
				</a>
				<a>
					<img src="${path}/v2/site/img/logo_02.png" />
					人民网舆情监测室
				</a>
			</div><!--上部合作单位-->
			<div class="navBox">
				<div class="nav">
					<a class="nav-item-first" href="${path}/HelProver/HelProverList.html">大赛首页 </a>
					<a href="${path}/HelProver/enrolList.html">大赛报名 </a>
					<a href="${path}/HelProver/surveyList.html">大赛概况 </a>
					<a href="${path}/HelProver/trendsList.html">大赛动态 </a>
					<a class="active" href="${path}/HelProver/rankingList.html">比赛排名 </a>
				</div>
				<!-- <div class="search-input">
					<span class="search-icon"></span>
					<input type="text" placeholder="搜索大赛相关信息、获奖名单" />
				</div> -->
			</div><!--导航-->
		</div><!--头部-->
		
		<div class="swiper-container">
		   <!--  <div class="swiper-wrapper">
		        <div class="swiper-slide">
		        	<a href="#"><img src="img/banner_01.jpg"></a>
		        </div>
		        <div class="swiper-slide">
		        	<a href="#"><img src="img/banner_02.jpg"></a>
		        </div>
		    </div> -->
		     <c:forEach var="map" items="${carouseList}">
		        	<div class="swiper-slide">
		        		<a href="${map.link}"><img src=${map.url}></a>
		       		</div>
		        </c:forEach>
		    <!--分页器 -->
		    <div class="swiper-pagination"></div>
		</div><!--焦点图-->
		
		<div class="menu-box">
			<div class="menu">
				<div class="menu-left">
					<h1>赛事介绍<div class="arrow"></div></h1>
					<div class="menu-content">
						<h3>赛事介绍</h3>
						 <p>
							阿里云创客＋创业大赛陕西赛区暨“长安双创杯”西安市创新创业大赛，由阿里巴巴、阿里云联合西安市人
						           民政府主办，长安区人民政府及淘丁集团承办。本场大赛共计有计报名1156个项目，符合大赛要求共计
						    786个，经过专家严格初赛评审，共计有140个项目进入复赛。
						</p>
						<img src="${path}/v2/site/img/trends_img_01.jpg">
						<p>
							从5月31日起，西北工业大学、陕西师范大学、西安外国语大学、西安电子科技大学、西安邮电大学，西京学院及西安翻译学院等七所高校承接了大赛复赛场，经过10天的角逐，最终角逐出21强晋级决赛。
						</p>
						<p>
							 6月17日，本场大赛决赛在长安区政府千人大礼堂进行，复赛晋级的21强在这里角逐最后的名次，对优秀的获得者，44万的现金奖励，长安区政府双创中心的政策及办公支持，以及阿里巴巴提供的各项的创业礼包支持。
						</p>
					</div> 
					<%-- <c:forEach var="map" items="${coentenlist}" >
						<c:if test="${map.NumOrder==8}">
							${map.content}
						</c:if>
					</c:forEach> --%>
					<div class="tab-bar">
						<div class="tab-bar-header">
							<a class="tab-bar-item-first">校级排名</a>
							<a>大区排名</a>
							<a>全国排名</a>
						</div>
						<table class="tab-bar-content" cellpadding="0" cellspacing="0" border="0" width="100%">
							<tr class="thead" height="56">
								<td width="15%">名次</td>
								<td width="15%">学校</td>
								<td width="15%">团队名称</td>
								<td width="45%">产品</td>
								<td width="10%">奖项</td>
							</tr>
							<!--  <tr>
								<td><img src="img/medal_1.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td><img src="img/medal_2.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td><img src="img/medal_3.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>4</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>5</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>6</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>7</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>  -->
							 <c:forEach var="map" items="${rankListList}" >
								<c:if test="${map.type==1}">
									<tr>
									<c:choose>
										<c:when test="${map.rangking==1}">
										<td><img src="${path}/v2/site/img/medal_1.png"></td>
										</c:when>
										<c:when test="${map.rangking==2}">
										<td><img src="${path}/v2/site/img/medal_2.png"></td>
										</c:when>
										<c:when test="${map.rangking==3}">
										<td><img src="${path}/v2/site/img/medal_3.png"></td>
										</c:when>
										<c:otherwise>
										<td>${map.rangking}</td>
										</c:otherwise>
									</c:choose>
										<td>${map.scholName}</td>
										<td>${map.teamName}</td>
										<td>${map.produce}</td>
										<td>${map.award}</td>
									</tr>
								</c:if>
							</c:forEach>
						</table><!--第一个-->
						
						<table class="tab-bar-content" cellpadding="0" cellspacing="0" border="0" width="100%">
							<tr class="thead" height="56">
								<td width="15%">名次</td>
								<td width="15%">学校</td>
								<td width="15%">团队名称</td>
								<td width="45%">产品</td>
								<td width="10%">奖项</td>
							</tr>
							<!-- <tr>
								<td><img src="img/medal_1.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td><img src="img/medal_2.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td><img src="img/medal_3.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>4</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>5</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>6</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>7</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr> -->
							<c:forEach var="map" items="${rankListList}" >
								<c:if test="${map.type==2}">
									<tr>
									<c:choose>
										<c:when test="${map.rangking==1}">
										<td><img src="${path}/v2/site/img/medal_1.png"></td>
										</c:when>
										<c:when test="${map.rangking==2}">
										<td><img src="${path}/v2/site/img/medal_2.png"></td>
										</c:when>
										<c:when test="${map.rangking==3}">
										<td><img src="${path}/v2/site/img/medal_3.png"></td>
										</c:when>
										<c:otherwise>
										<td>${map.rangking}</td>
										</c:otherwise>
									</c:choose>
										<td>${map.scholName}</td>
										<td>${map.teamName}</td>
										<td>${map.produce}</td>
										<td>${map.award}</td>
									</tr>
								</c:if>
							</c:forEach>
						</table><!--第二个-->
						
						<table class="tab-bar-content" cellpadding="0" cellspacing="0" border="0" width="100%">
							<tr class="thead" height="56">
								<td width="15%">名次</td>
								<td width="15%">学校</td>
								<td width="15%">团队名称</td>
								<td width="45%">产品</td>
								<td width="10%">奖项</td>
							</tr>
							<!-- <tr>
								<td><img src="img/medal_1.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td><img src="img/medal_2.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td><img src="img/medal_3.png"></td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>4</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>5</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>6</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr>
							<tr>
								<td>7</td>
								<td>长沙学院</td>
								<td>郝小朋</td>
								<td>人脸识别项目及其工业级应用</td>
								<td>一等奖</td>
							</tr> -->
							<c:forEach var="map" items="${rankListList}" >
								<c:if test="${map.type==3}">
									<tr>
									<c:choose>
										<c:when test="${map.rangking==1}">
										<td><img src="${path}/v2/site/img/medal_1.png"></td>
										</c:when>
										<c:when test="${map.rangking==2}">
										<td><img src="${path}/v2/site/img/medal_2.png"></td>
										</c:when>
										<c:when test="${map.rangking==3}">
										<td><img src="${path}/v2/site/img/medal_3.png"></td>
										</c:when>
										<c:otherwise>
										<td>${map.rangking}</td>
										</c:otherwise>
									</c:choose>
										<td>${map.scholName}</td>
										<td>${map.teamName}</td>
										<td>${map.produce}</td>
										<td>${map.award}</td>
									</tr>
								</c:if>
							</c:forEach>
						</table><!--第三个-->
						
					</div>
				</div>
				<div class="menu-right">
					 <!-- <div class="menu-sec">
						<h2>大赛热点</h2>
						<div class="hot">
							<a href="#">
								<img src="img/vedio_image.jpg" />
								<span class="play-btn"></span>
							</a>
							<p>
								大赛视频内容讲述的是在广州市天河区天河客运站慧通产业广场A6的一个帅哥和一个美女的故事。
							</p>
						</div>
					</div> --> 
					<c:forEach var="map" items="${coentenlist}" >
						<c:if test="${map.NumOrder==2}">
							<div class="menu-sec">
								<h2>大赛线上</h2>
								<div class="info">
									<a>
										<img src=${map.cover} />
										<span>扶贫产品介绍</span>
									</a>
									<p>
										${map.title}
									</p>
								</div>
							</div> 
						</c:if>
					</c:forEach>
					<div class="menu-sec">
						<h2>联系方式</h2>
						<div class="contact">
							<!-- <p>大赛QQ群：436016998</p>
							<p>大赛官方联系方式：010-57032762</p>
							<p>大赛官方邮箱：cww@xiaoka360.com</p>
							<p>大赛组织单位地址：北京市海淀区北三环西路25号京仪孵化园27号3层</p> -->
							<c:forEach var="map" items="${conTactList}">
					        		<c:if test="${map.contype==2}">
					        		${map.content}
					        		</c:if>
					        </c:forEach>
						</div>
					</div>
				</div>
			</div>
			<div class="column-item column-item-last">
				<h1>合作机构</h1>
				<!-- <div class="partner">
					<h2>合作媒体</h2>
					<div class="partner-link">
						<a href="#">阿里移动事业群、</a>
						<a href="#">阿里安全事业群、</a>
						<a href="#">钉钉、</a>
						<a href="#">阿里邮箱、</a>
						<a href="#">酷秀集团、</a>
						<a href="#">小样社区、</a>
						<a href="#">光谷创意、</a>
						<a href="#">云栖小镇、</a>
						<a href="#">融港科技、</a>
						<a href="#">云创咖啡等</a>
					</div>
					<h2>政府机构</h2>
					<div class="partner-link">
						<a href="#">北京市科技局、</a>
						<a href="#">北京市发改委、</a>
						<a href="#">北京市财政局、</a>
						<a href="#">北京市教育局、</a>
						<a href="#">北京市商务局、</a>
						<a href="#">北京市金融办等</a>
					</div>
				</div> -->
				
				<c:forEach var="map" items="${operateList}"><!-- 合作单位-->
		        	<c:if test="${map.columtype==5}">
		        	  ${map.content}
		        	</c:if>
		        </c:forEach>
			</div>
		</div><!--主体内容-->
		
		<div class="footer">
			<div class="firm-info">
				<p><span>大赛官方联系：010-57032762</span><span>大赛QQ群：436016998</span><span>大赛官方邮箱：cww@xiaoka360.com</span></p>
				<p><span>大赛组织单位地址：北京市海淀区北三环西路25号京仪孵化园27号楼3层</span><span>官方网址：http://XXXXXXXXXXXXXXXX</span></p>
				<p class="copyright">版权所有 © 2016 “长安双创杯”北京市创新创业大赛暨阿里云Find校园合伙人创业大赛陕西赛区组委会</p>
			</div>
		</div><!--底部-->
		
	</body>
	<script src="${path}/v2/site/js/idangerous.swiper.min.js"></script>
	<script>
		/* var imgHeight = $('.swiper-wrapper img').height();
		$('.swiper-container,.swiper-wrapper').height(imgHeight);
		$('.tab-bar-content:first').show();
		var mySwiper = new Swiper('.swiper-container',{
		    loop: true,
		    autoplay:3000,
		    pagination: '.swiper-pagination',
		    paginationClickable:true
	 	}); */
	 	
	 	$(function(){
	 		$(".nav :last-child").css("margin-right",0);
			var wid = $(".nav").outerWidth(true);
			$(".nav").css({"margin-left":-wid/2,"position":"relative","left":"50%"});
	 		$('.tab-bar-content:first').show();
	 		$('.tab-bar-header a').click(function(){
	 			$('.tab-bar-content').hide();
	 			$('.tab-bar-content').eq($(this).index()).fadeIn();
	 		});
	 		var mySwiper = new Swiper('.swiper-container',{
			    loop: true,
			    autoplay:3000,
			    pagination: '.swiper-pagination',
			    paginationClickable:true
		 	});
	 	});
	</script>
</html>
